*{
    margin: 0px;
    padding: 0px;
}
.Rnk{
    width: 25vw;
    height: 100%;
}

.Temporary:not(:hover){
    width: 100vw;
    height: 3.5vh;

    display: flex;
    justify-content:flex-start;
    gap:8.33%;
}
.Temporary:hover{
    width: 100%;
    height: 6.75vh;

    display: flex;
    justify-content: flex-start;
    gap:8.33%;

}

.Top_B:not(:hover){
    
}
.Top_B:hover{

}

.Top_C:not(:hover){
    
}
.Top_C:hover{

}

.Top:not(:hover){
    width: 70%;
    height: 100%;

    font-size: 18.91px;
    font-family: 楷体;
    font-weight: 700;

    color: #000000;

    text-align: center;

    display: flex;
    justify-content: center;
    place-items: center;
}
.Top:hover{
    width: 70%;
    height: 100%;

    font-size: 18.91px;
    font-family: 楷体;
    font-weight: 700;

    color: #f05b5b;

    text-align: center;

    display: flex;
    justify-content: center;
    place-items: center;
}

.Liner_Top{
    width: 100%;
    height: 6vh;

    font-size: 18.91px;
    font-family: 楷体;
    font-weight: 700;

    color: #000000;
    background-color: rgb(176, 178, 179);

    text-align: center;

    display: flex;
    justify-content: center;
    place-items: center;
}

.lieder_B:not(:hover){
    
}
.lieder_B:hover{

}

.lieder_C:not(:hover){
    
}
.lieder_C:hover{

}

.lieder:not(:hover){
    width: 10%;
    height: 100%;

    font-size: 18.91px;
    font-family: 楷体;
    font-weight: 700;

    text-align: center;

    color: #7adfec;
}
.lieder:hover{
    width: 10%;
    height: 100%;

    font-size: 18.91px;
    font-family: 楷体;
    font-weight: 700;

    text-align: center;

    color: #2de072;
}